<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>职创未来</title>
    <link rel="stylesheet" href="../assets/font/iconfont.css">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/job.css">


</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <!-- Logo -->
        <div class="logo">
            <h1>
                <a href="#">职创未来</a>
            </h1>
        </div>

        <div class="nav">
            <!-- 导航条 -->
            <ul class="nav-list">
                <li><a href="../index.html" target="_blank">首页</a></li>
                <li><a href="./online.html" target="_blank">在线课程</a></li>
                <li><a href="./teacher.html" target="_blank">师资介绍</a></li>
                <li><a href="./student.html" target="_blank">学员风采</a></li>
                <li><a class="active" href="#">就业信息</a></li>
                <li><a href="./info.html" target="_blank">咨询动态</a></li>
                <li><a href="./about.html" target="_blank">关于我们</a></li>
            </ul>
            <!-- 电话地址 -->
            <div class="contacts">
                15335890027 <br>
                <span>customer@whccf.cn</span>
            </div>
        </div>
    </div>

    <!-- 中间部分 -->
    <div class="main">
        <!-- 图片 -->
        <div class="banner">
            <img src="../assets/uploads/student_banner.webp" alt="">
        </div>

        <!-- 薪资统计 -->
        <div class="salary">
            <h2 class="com-title">学员就业薪资统计</h2>
            <h4 class="com-subtitle">近年学员各专业从职创未来毕业后平均薪资</h4>

            <!-- 统计图 -->
            <div id="chart" class="wrapper">
            </div>
        </div>

        <!-- 统计数据 -->
        <div class="data">
            <h2 class="com-title">就业薪资真实数据</h2>
            <h4 class="com-subtitle">加强协同发展，输出行业多元创新人才</h4>

            <div class="nav wrapper">
                <ul class="nav-list wrapper">
                    <li class="nav-item active">2024</li>
                    <li class="nav-item">2023</li>
                    <li class="nav-item">更早</li>
                </ul>
                <div class="axis">
                    <hr>
                    <span class="active"></span>
                    <hr>
                    <span></span>
                    <hr>
                    <span></span>
                    <hr>
                </div>
            </div>

            <ul class="all-list">
                <li class="single-list active">
                    <div class="job-table wrapper">
                        <div class="job-table-head">
                            <span>姓名</span>
                            <span>学历</span>
                            <span>专业</span>
                            <span>就业公司</span>
                            <span>入职岗位</span>
                            <span>年薪</span>
                            <span>就业城市</span>
                        </div>
                        <div class="job-table-content">
                            <ul class="table-content">
                                <li class="personal">
                                    <span>马*宏</span>
                                    <span>本科</span>
                                    <span>车辆信息</span>
                                    <span>北京**公司</span>
                                    <span>Android驱动工程师</span>
                                    <span>11000元/月</span>
                                    <span>北京</span>
                                </li>
                                <li class="personal">
                                    <span>王*</span>
                                    <span>本科</span>
                                    <span>电子信息工程</span>
                                    <span>苏州**公司</span>
                                    <span>单片机工程师</span>
                                    <span>10000元/月
                                    </span>
                                    <span>常州</span>
                                </li>
                                <li class="personal">
                                    <span>汪*伟</span>
                                    <span>本科</span>
                                    <span>软件工程</span>
                                    <span>武汉**公司</span>
                                    <span>Linux系统工程师</span>
                                    <span>8000元/月</span>
                                    <span>武汉</span>
                                </li>
                                <li class="personal">
                                    <span>谭*赐</span>
                                    <span>本科</span>
                                    <span>计算机科学与技术</span>
                                    <span>广州**公司</span>
                                    <span>MCU工程师</span>
                                    <span>14500元/月</span>
                                    <span>广州</span>
                                </li>
                                <li class="personal">
                                    <span>王*华</span>
                                    <span>专科</span>
                                    <span>计算机应用技术</span>
                                    <span>上海**公司</span>
                                    <span>ARM嵌入式工程师</span>
                                    <span>16500元/月</span>
                                    <span>上海</span>
                                </li>
                                <li class="personal">
                                    <span>苏*刚</span>
                                    <span>本科</span>
                                    <span>计算机科学与技术</span>
                                    <span>武汉**公司</span>
                                    <span>Linux驱动工程师</span>
                                    <span>9000元/月</span>
                                    <span>武汉</span>
                                </li>
                                <li class="personal">
                                    <span>周*为</span>
                                    <span>本科</span>
                                    <span>电子信息工程</span>
                                    <span>上海**公司</span>
                                    <span>Android系统工程师</span>
                                    <span>11000元/月</span>
                                    <span>上海</span>
                                </li>
                                <li class="personal">
                                    <span>刘*书</span>
                                    <span>本科</span>
                                    <span>物联网工程</span>
                                    <span>深圳**公司</span>
                                    <span>固件工程师
                                    </span>
                                    <span>10500元/月</span>
                                    <span>深圳</span>
                                </li>
                                <li class="personal">
                                    <span>陈*进</span>
                                    <span>本科</span>
                                    <span>数据科学与大数据</span>
                                    <span>广州**公司</span>
                                    <span>嵌入式软件工程师</span>
                                    <span>10500元/月</span>
                                    <span>武汉</span>
                                </li>
                                <li class="personal">
                                    <span>陈*君</span>
                                    <span>本科</span>
                                    <span>软件工程</span>
                                    <span>珠海**公司</span>
                                    <span>嵌入式软件工程师</span>
                                    <span>13000元/月</span>
                                    <span>合肥</span>
                                </li>
                                <li class="personal">
                                    <span>周*雄</span>
                                    <span>本科</span>
                                    <span>机械设计制造及自动化</span>
                                    <span>成都**公司</span>
                                    <span>BSP系统工程师</span>
                                    <span>15000元/月</span>
                                    <span>成都</span>
                                </li>
                                <li class="personal">
                                    <span>张*峰</span>
                                    <span>本科</span>
                                    <span>电子信息工程</span>
                                    <span>南京**公司</span>
                                    <span>物联网工程师</span>
                                    <span>12500元/月</span>
                                    <span>南京</span>
                                </li>
                                <li class="personal">
                                    <span>马*宏</span>
                                    <span>本科</span>
                                    <span>车辆信息</span>
                                    <span>北京**公司</span>
                                    <span>Android驱动工程师</span>
                                    <span>11000元/月</span>
                                    <span>北京</span>
                                </li>
                                <li class="personal">
                                    <span>王*</span>
                                    <span>本科</span>
                                    <span>电子信息工程</span>
                                    <span>苏州**公司</span>
                                    <span>单片机工程师</span>
                                    <span>10000元/月
                                    </span>
                                    <span>常州</span>
                                </li>
                                <li class="personal">
                                    <span>汪*伟</span>
                                    <span>本科</span>
                                    <span>软件工程</span>
                                    <span>武汉**公司</span>
                                    <span>Linux系统工程师</span>
                                    <span>8000元/月</span>
                                    <span>武汉</span>
                                </li>
                                <li class="personal">
                                    <span>谭*赐</span>
                                    <span>本科</span>
                                    <span>计算机科学与技术</span>
                                    <span>广州**公司</span>
                                    <span>MCU工程师</span>
                                    <span>14500元/月</span>
                                    <span>广州</span>
                                </li>
                                <li class="personal">
                                    <span>王*华</span>
                                    <span>专科</span>
                                    <span>计算机应用技术</span>
                                    <span>上海**公司</span>
                                    <span>ARM嵌入式工程师</span>
                                    <span>16500元/月</span>
                                    <span>上海</span>
                                </li>
                                <li class="personal">
                                    <span>苏*刚</span>
                                    <span>本科</span>
                                    <span>计算机科学与技术</span>
                                    <span>武汉**公司</span>
                                    <span>Linux驱动工程师</span>
                                    <span>9000元/月</span>
                                    <span>武汉</span>
                                </li>
                                <li class="personal">
                                    <span>周*为</span>
                                    <span>本科</span>
                                    <span>电子信息工程</span>
                                    <span>上海**公司</span>
                                    <span>Android系统工程师</span>
                                    <span>11000元/月</span>
                                    <span>上海</span>
                                </li>
                                <li class="personal">
                                    <span>刘*书</span>
                                    <span>本科</span>
                                    <span>物联网工程</span>
                                    <span>深圳**公司</span>
                                    <span>固件工程师
                                    </span>
                                    <span>10500元/月</span>
                                    <span>深圳</span>
                                </li>
                                <li class="personal">
                                    <span>陈*进</span>
                                    <span>本科</span>
                                    <span>数据科学与大数据</span>
                                    <span>广州**公司</span>
                                    <span>嵌入式软件工程师</span>
                                    <span>10500元/月</span>
                                    <span>武汉</span>
                                </li>
                                <li class="personal">
                                    <span>陈*君</span>
                                    <span>本科</span>
                                    <span>软件工程</span>
                                    <span>珠海**公司</span>
                                    <span>嵌入式软件工程师</span>
                                    <span>13000元/月</span>
                                    <span>合肥</span>
                                </li>
                                <li class="personal">
                                    <span>周*雄</span>
                                    <span>本科</span>
                                    <span>机械设计制造及自动化</span>
                                    <span>成都**公司</span>
                                    <span>BSP系统工程师</span>
                                    <span>15000元/月</span>
                                    <span>成都</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="single-list" style="background-color: yellowgreen;">
                    <div class="job-table wrapper">
                        <div class="job-table-head">
                            <span>姓名</span>
                            <span>学历</span>
                            <span>专业</span>
                            <span>就业公司</span>
                            <span>入职岗位</span>
                            <span>年薪</span>
                            <span>就业城市</span>
                        </div>
                        <div class="job-table-content">
                            <ul class="table-content">
                                <li class="personal">
                                    <span>马*宏</span>
                                    <span>本科</span>
                                    <span>车辆信息</span>
                                    <span>北京**公司</span>
                                    <span>Android驱动工程师</span>
                                    <span>11000元/月</span>
                                    <span>北京</span>
                                </li>
                                <li class="personal">
                                    <span>王*</span>
                                    <span>本科</span>
                                    <span>电子信息工程</span>
                                    <span>苏州**公司</span>
                                    <span>单片机工程师</span>
                                    <span>10000元/月
                                    </span>
                                    <span>常州</span>
                                </li>
                                <li class="personal">
                                    <span>汪*伟</span>
                                    <span>本科</span>
                                    <span>软件工程</span>
                                    <span>武汉**公司</span>
                                    <span>Linux系统工程师</span>
                                    <span>8000元/月</span>
                                    <span>武汉</span>
                                </li>
                                <li class="personal">
                                    <span>谭*赐</span>
                                    <span>本科</span>
                                    <span>计算机科学与技术</span>
                                    <span>广州**公司</span>
                                    <span>MCU工程师</span>
                                    <span>14500元/月</span>
                                    <span>广州</span>
                                </li>
                                <li class="personal">
                                    <span>王*华</span>
                                    <span>专科</span>
                                    <span>计算机应用技术</span>
                                    <span>上海**公司</span>
                                    <span>ARM嵌入式工程师</span>
                                    <span>16500元/月</span>
                                    <span>上海</span>
                                </li>
                                <li class="personal">
                                    <span>苏*刚</span>
                                    <span>本科</span>
                                    <span>计算机科学与技术</span>
                                    <span>武汉**公司</span>
                                    <span>Linux驱动工程师</span>
                                    <span>9000元/月</span>
                                    <span>武汉</span>
                                </li>
                                <li class="personal">
                                    <span>周*为</span>
                                    <span>本科</span>
                                    <span>电子信息工程</span>
                                    <span>上海**公司</span>
                                    <span>Android系统工程师</span>
                                    <span>11000元/月</span>
                                    <span>上海</span>
                                </li>
                                <li class="personal">
                                    <span>刘*书</span>
                                    <span>本科</span>
                                    <span>物联网工程</span>
                                    <span>深圳**公司</span>
                                    <span>固件工程师
                                    </span>
                                    <span>10500元/月</span>
                                    <span>深圳</span>
                                </li>
                                <li class="personal">
                                    <span>陈*进</span>
                                    <span>本科</span>
                                    <span>数据科学与大数据</span>
                                    <span>广州**公司</span>
                                    <span>嵌入式软件工程师</span>
                                    <span>10500元/月</span>
                                    <span>武汉</span>
                                </li>
                                <li class="personal">
                                    <span>陈*君</span>
                                    <span>本科</span>
                                    <span>软件工程</span>
                                    <span>珠海**公司</span>
                                    <span>嵌入式软件工程师</span>
                                    <span>13000元/月</span>
                                    <span>合肥</span>
                                </li>
                                <li class="personal">
                                    <span>周*雄</span>
                                    <span>本科</span>
                                    <span>机械设计制造及自动化</span>
                                    <span>成都**公司</span>
                                    <span>BSP系统工程师</span>
                                    <span>15000元/月</span>
                                    <span>成都</span>
                                </li>
                                <li class="personal">
                                    <span>张*峰</span>
                                    <span>本科</span>
                                    <span>电子信息工程</span>
                                    <span>南京**公司</span>
                                    <span>物联网工程师</span>
                                    <span>12500元/月</span>
                                    <span>南京</span>
                                </li>
                                <li class="personal">
                                    <span>马*宏</span>
                                    <span>本科</span>
                                    <span>车辆信息</span>
                                    <span>北京**公司</span>
                                    <span>Android驱动工程师</span>
                                    <span>11000元/月</span>
                                    <span>北京</span>
                                </li>
                                <li class="personal">
                                    <span>王*</span>
                                    <span>本科</span>
                                    <span>电子信息工程</span>
                                    <span>苏州**公司</span>
                                    <span>单片机工程师</span>
                                    <span>10000元/月
                                    </span>
                                    <span>常州</span>
                                </li>
                                <li class="personal">
                                    <span>汪*伟</span>
                                    <span>本科</span>
                                    <span>软件工程</span>
                                    <span>武汉**公司</span>
                                    <span>Linux系统工程师</span>
                                    <span>8000元/月</span>
                                    <span>武汉</span>
                                </li>
                                <li class="personal">
                                    <span>谭*赐</span>
                                    <span>本科</span>
                                    <span>计算机科学与技术</span>
                                    <span>广州**公司</span>
                                    <span>MCU工程师</span>
                                    <span>14500元/月</span>
                                    <span>广州</span>
                                </li>
                                <li class="personal">
                                    <span>王*华</span>
                                    <span>专科</span>
                                    <span>计算机应用技术</span>
                                    <span>上海**公司</span>
                                    <span>ARM嵌入式工程师</span>
                                    <span>16500元/月</span>
                                    <span>上海</span>
                                </li>
                                <li class="personal">
                                    <span>苏*刚</span>
                                    <span>本科</span>
                                    <span>计算机科学与技术</span>
                                    <span>武汉**公司</span>
                                    <span>Linux驱动工程师</span>
                                    <span>9000元/月</span>
                                    <span>武汉</span>
                                </li>
                                <li class="personal">
                                    <span>周*为</span>
                                    <span>本科</span>
                                    <span>电子信息工程</span>
                                    <span>上海**公司</span>
                                    <span>Android系统工程师</span>
                                    <span>11000元/月</span>
                                    <span>上海</span>
                                </li>
                                <li class="personal">
                                    <span>刘*书</span>
                                    <span>本科</span>
                                    <span>物联网工程</span>
                                    <span>深圳**公司</span>
                                    <span>固件工程师
                                    </span>
                                    <span>10500元/月</span>
                                    <span>深圳</span>
                                </li>
                                <li class="personal">
                                    <span>陈*进</span>
                                    <span>本科</span>
                                    <span>数据科学与大数据</span>
                                    <span>广州**公司</span>
                                    <span>嵌入式软件工程师</span>
                                    <span>10500元/月</span>
                                    <span>武汉</span>
                                </li>
                                <li class="personal">
                                    <span>陈*君</span>
                                    <span>本科</span>
                                    <span>软件工程</span>
                                    <span>珠海**公司</span>
                                    <span>嵌入式软件工程师</span>
                                    <span>13000元/月</span>
                                    <span>合肥</span>
                                </li>
                                <li class="personal">
                                    <span>周*雄</span>
                                    <span>本科</span>
                                    <span>机械设计制造及自动化</span>
                                    <span>成都**公司</span>
                                    <span>BSP系统工程师</span>
                                    <span>15000元/月</span>
                                    <span>成都</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="single-list" style="background-color: pink;">
                    <div class="job-table wrapper">
                        <div class="job-table-head">
                            <span>姓名</span>
                            <span>学历</span>
                            <span>专业</span>
                            <span>就业公司</span>
                            <span>入职岗位</span>
                            <span>年薪</span>
                            <span>就业城市</span>
                        </div>
                        <div class="job-table-content">
                            <ul class="table-content">
                                <li class="personal">
                                    <span>马*宏</span>
                                    <span>本科</span>
                                    <span>车辆信息</span>
                                    <span>北京**公司</span>
                                    <span>Android驱动工程师</span>
                                    <span>11000元/月</span>
                                    <span>北京</span>
                                </li>
                                <li class="personal">
                                    <span>王*</span>
                                    <span>本科</span>
                                    <span>电子信息工程</span>
                                    <span>苏州**公司</span>
                                    <span>单片机工程师</span>
                                    <span>10000元/月
                                    </span>
                                    <span>常州</span>
                                </li>
                                <li class="personal">
                                    <span>汪*伟</span>
                                    <span>本科</span>
                                    <span>软件工程</span>
                                    <span>武汉**公司</span>
                                    <span>Linux系统工程师</span>
                                    <span>8000元/月</span>
                                    <span>武汉</span>
                                </li>
                                <li class="personal">
                                    <span>谭*赐</span>
                                    <span>本科</span>
                                    <span>计算机科学与技术</span>
                                    <span>广州**公司</span>
                                    <span>MCU工程师</span>
                                    <span>14500元/月</span>
                                    <span>广州</span>
                                </li>
                                <li class="personal">
                                    <span>王*华</span>
                                    <span>专科</span>
                                    <span>计算机应用技术</span>
                                    <span>上海**公司</span>
                                    <span>ARM嵌入式工程师</span>
                                    <span>16500元/月</span>
                                    <span>上海</span>
                                </li>
                                <li class="personal">
                                    <span>苏*刚</span>
                                    <span>本科</span>
                                    <span>计算机科学与技术</span>
                                    <span>武汉**公司</span>
                                    <span>Linux驱动工程师</span>
                                    <span>9000元/月</span>
                                    <span>武汉</span>
                                </li>
                                <li class="personal">
                                    <span>周*为</span>
                                    <span>本科</span>
                                    <span>电子信息工程</span>
                                    <span>上海**公司</span>
                                    <span>Android系统工程师</span>
                                    <span>11000元/月</span>
                                    <span>上海</span>
                                </li>
                                <li class="personal">
                                    <span>刘*书</span>
                                    <span>本科</span>
                                    <span>物联网工程</span>
                                    <span>深圳**公司</span>
                                    <span>固件工程师
                                    </span>
                                    <span>10500元/月</span>
                                    <span>深圳</span>
                                </li>
                                <li class="personal">
                                    <span>陈*进</span>
                                    <span>本科</span>
                                    <span>数据科学与大数据</span>
                                    <span>广州**公司</span>
                                    <span>嵌入式软件工程师</span>
                                    <span>10500元/月</span>
                                    <span>武汉</span>
                                </li>
                                <li class="personal">
                                    <span>陈*君</span>
                                    <span>本科</span>
                                    <span>软件工程</span>
                                    <span>珠海**公司</span>
                                    <span>嵌入式软件工程师</span>
                                    <span>13000元/月</span>
                                    <span>合肥</span>
                                </li>
                                <li class="personal">
                                    <span>周*雄</span>
                                    <span>本科</span>
                                    <span>机械设计制造及自动化</span>
                                    <span>成都**公司</span>
                                    <span>BSP系统工程师</span>
                                    <span>15000元/月</span>
                                    <span>成都</span>
                                </li>
                                <li class="personal">
                                    <span>张*峰</span>
                                    <span>本科</span>
                                    <span>电子信息工程</span>
                                    <span>南京**公司</span>
                                    <span>物联网工程师</span>
                                    <span>12500元/月</span>
                                    <span>南京</span>
                                </li>
                                <li class="personal">
                                    <span>马*宏</span>
                                    <span>本科</span>
                                    <span>车辆信息</span>
                                    <span>北京**公司</span>
                                    <span>Android驱动工程师</span>
                                    <span>11000元/月</span>
                                    <span>北京</span>
                                </li>
                                <li class="personal">
                                    <span>王*</span>
                                    <span>本科</span>
                                    <span>电子信息工程</span>
                                    <span>苏州**公司</span>
                                    <span>单片机工程师</span>
                                    <span>10000元/月
                                    </span>
                                    <span>常州</span>
                                </li>
                                <li class="personal">
                                    <span>汪*伟</span>
                                    <span>本科</span>
                                    <span>软件工程</span>
                                    <span>武汉**公司</span>
                                    <span>Linux系统工程师</span>
                                    <span>8000元/月</span>
                                    <span>武汉</span>
                                </li>
                                <li class="personal">
                                    <span>谭*赐</span>
                                    <span>本科</span>
                                    <span>计算机科学与技术</span>
                                    <span>广州**公司</span>
                                    <span>MCU工程师</span>
                                    <span>14500元/月</span>
                                    <span>广州</span>
                                </li>
                                <li class="personal">
                                    <span>王*华</span>
                                    <span>专科</span>
                                    <span>计算机应用技术</span>
                                    <span>上海**公司</span>
                                    <span>ARM嵌入式工程师</span>
                                    <span>16500元/月</span>
                                    <span>上海</span>
                                </li>
                                <li class="personal">
                                    <span>苏*刚</span>
                                    <span>本科</span>
                                    <span>计算机科学与技术</span>
                                    <span>武汉**公司</span>
                                    <span>Linux驱动工程师</span>
                                    <span>9000元/月</span>
                                    <span>武汉</span>
                                </li>
                                <li class="personal">
                                    <span>周*为</span>
                                    <span>本科</span>
                                    <span>电子信息工程</span>
                                    <span>上海**公司</span>
                                    <span>Android系统工程师</span>
                                    <span>11000元/月</span>
                                    <span>上海</span>
                                </li>
                                <li class="personal">
                                    <span>刘*书</span>
                                    <span>本科</span>
                                    <span>物联网工程</span>
                                    <span>深圳**公司</span>
                                    <span>固件工程师
                                    </span>
                                    <span>10500元/月</span>
                                    <span>深圳</span>
                                </li>
                                <li class="personal">
                                    <span>陈*进</span>
                                    <span>本科</span>
                                    <span>数据科学与大数据</span>
                                    <span>广州**公司</span>
                                    <span>嵌入式软件工程师</span>
                                    <span>10500元/月</span>
                                    <span>武汉</span>
                                </li>
                                <li class="personal">
                                    <span>陈*君</span>
                                    <span>本科</span>
                                    <span>软件工程</span>
                                    <span>珠海**公司</span>
                                    <span>嵌入式软件工程师</span>
                                    <span>13000元/月</span>
                                    <span>合肥</span>
                                </li>
                                <li class="personal">
                                    <span>周*雄</span>
                                    <span>本科</span>
                                    <span>机械设计制造及自动化</span>
                                    <span>成都**公司</span>
                                    <span>BSP系统工程师</span>
                                    <span>15000元/月</span>
                                    <span>成都</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
            </ul>

            <script>
                const tabs = document.querySelectorAll(".nav-list .nav-item");
                const dots = document.querySelectorAll(".axis span");
                const tab_contents = document.querySelectorAll(".all-list .single-list");

                tabs.forEach((tab, index) => {
                    tab.addEventListener('click', () => {
                        tabs.forEach(tab => {
                            tab.classList.remove('active');
                        })
                        dots.forEach(dot => {
                            dot.classList.remove('active');
                        })
                        tab_contents.forEach(tab_content => {
                            tab_content.classList.remove('active');
                        })

                        tab.classList.add('active');
                        dots[index].classList.add('active');
                        tab_contents[index].classList.add('active');
                    })
                })

                dots.forEach((dot, index) => {
                    dot.addEventListener('click', () => {
                        dots.forEach(dot => {
                            dot.classList.remove('active');
                        })
                        tabs.forEach(tab => {
                            tab.classList.remove('active');
                        })
                        tab_contents.forEach(tab_content => {
                            tab_content.classList.remove('active');
                        })

                        dot.classList.add('active');
                        tabs[index].classList.add('active');
                        tab_contents[index].classList.add('active');
                    })
                })

            </script>
        </div>
    </div>
    </div>

    <!-- 底部 -->
    <div class="footer">
        <!-- 沟通联系方式 -->
        <div class="communication wrapper">
            <!-- 标题 -->
            <h2 class="com-title">保持联系</h2>
            <h4 class="com-subtitle">如有任何疑问请联系</h4>

            <div class="detail">
                <img class="background" src="../assets/uploads/background.webp" alt="">

                <ul class="list">
                    <li class="small">
                        <span class="iconfont icon-ditu"></span>
                        <div>
                            <h3>地址</h3>
                            <p>武汉市东湖高新技术开发区关南一路当代梦工</p>
                        </div>
                    </li>

                    <li class="small">
                        <span class="iconfont icon-dianhua"></span>
                        <div>
                            <h3>致电我们</h3>
                            <p>15335890027（微信同号）<br>
                                13419690311（微信同号）</p>
                        </div>
                    </li>
                    <li class="small">
                        <span class="iconfont icon-xinxi"></span>
                        <div>
                            <h3>Email Us</h3>
                            <p>customer@whccf.cn</p>
                        </div>
                    </li>
                </ul>

                <ul class="list2">
                    <li class="big"><img class="map" src="../assets/uploads/map.webp" alt=""></li>
                    <li class="big">
                        <h3>微信扫码咨询</h3>
                        <ul>
                            <li><img class="ewm1" src="../assets/images/微信二维码.png" alt=""></li>
                            <li><img class="ewm2" src="../assets/images/企业二维码.webp" alt=""></li>
                        </ul>
                        <h4>官方微信：</h4>
                        <p>账号：GreatManOnTheWay <br>
                            公众号：武汉职创未来科技有限公司</p>
                        <p>周一至周日9:00-18:00</p>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 尾部 -->
        <div class="bottom">
            <!-- 导航条 -->
            <ul class="nav-list2">
                <li><a href="../index.html" target="_blank">首页</a></li>
                <li><a href="../page/online.html" target="_blank">在线课程</a></li>
                <li><a href="../page/teacher.html" target="_blank">师资介绍</a></li>
                <li><a href="../page/student.html" target="_blank">学员风采</a></li>
                <li><a href="#">就业信息</a></li>
                <li><a href="../page/info.html" target="_blank">咨询动态</a></li>
                <li><a href="../page/about.html" target="_blank">关于我们</a></li>
            </ul>
            <!-- 文字说明 -->
            <p>Copyright © 2023 whccf.cn All Rights Reserved <a
                    href="https://beian.miit.gov.cn/#/Integrated/index">鄂ICP备2023023704号-1</a> 武汉职创未来科技有限公司 版权所有</p>
        </div>
    </div>

    <script src="../js/echarts.js"></script>

    <!-- 统计图表 -->
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('chart'));

        // 指定图表的配置项和数据
        option = {
            tooltip: {
                backgroundColor: 'rgba(0, 0, 0,0.6)',
                borderColor: 'rgba(0, 0, 0,0.6)',
                textStyle: {
                    color: 'rgba(255, 255, 255, 1)',
                    fotnsize: 16
                }
            },

            xAxis: {
                type: 'category',

                axisTick: {
                    show: false
                },
                axisLine: {
                    show: true,
                    lineStyle: {
                        type: 'solid',
                        color: '#E4E7EB',
                    }
                },
                axisLabel: {
                    show: true,
                    textStyle: {
                        color: '#333'
                    },
                    fotnsize: 16,
                    align: 'center'
                },
                data: ['计算机', '通信电子', '英语数学', '财务工商', '土木建筑', '机械车辆', '生物化学', '电子电气']
            },

            yAxis: {
                type: 'value',
                min: 0,
                max: 12000,

                axisTick: {
                    show: false
                },
                splitLine: {
                    show: false
                },
                axisLine: {
                    show: true,
                    lineStyle: {
                        type: 'solid',
                        color: '#E4E7EB',
                    }
                },
                axisLabel: {
                    show: true,
                    textStyle: {
                        color: '#333'
                    },
                    fotnsize: 16
                }
            },

            series: [
                {
                    barWidth: '82%',
                    type: 'bar',
                    data: [
                        {
                            value: 7316,
                            itemStyle: {
                                color: '#D9867C',
                            }
                        },
                        {
                            value: 8233,
                            itemStyle: {
                                color: '#C78F81',
                            }
                        },
                        {
                            value: 8665,
                            itemStyle: {
                                color: '#BF8152',
                            }
                        },
                        {
                            value: 7218,
                            itemStyle: {
                                color: '#7C6A6A',
                            }
                        },
                        {
                            value: 7521,
                            itemStyle: {
                                color: '#EF6B9A',
                            }
                        },
                        {
                            value: 6892,
                            itemStyle: {
                                color: '#649FB5',
                            }
                        },
                        {
                            value: 6759,
                            itemStyle: {
                                color: '#5A93FC',
                            }
                        },
                        {
                            value: 8203,
                            itemStyle: {
                                color: '#6A9A8A',
                            }
                        }
                    ]
                }
            ]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>
</body>

</html>